<template>
  <div class="user-info-line">
    <span>{{ name }}</span>
    <span class="spacer"></span>
    <span>{{ value }}</span>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  props: {
    name: String,
    value: String
  },
  setup() {
    
  },
})
</script>


<style lang="stylus" scoped>
@import '../../../../styles/mixin.styl';

.user-info-line
  Flex(row, flex-start, center)
  width 100%
  height .7rem
  padding 0 .3rem
  border-radius: .32rem;
  margin .1rem 0
  font-size .28rem
  line-height 1
  color #fff
  background linear-gradient(274.42deg, #C58BF2 0%, #EEA4CE 124.45%)
  
</style>